<script setup lang="ts">
const emit = defineEmits(['onSystemMessage'])
</script>

<template>
  <div class="cell" @click="emit('onSystemMessage')">
    <div class="image">
    </div>
    <div class="title">
      我的消息
    </div>
    <div class="arrow iconfont icon-youjiantou"></div>
  </div>
</template>

<style lang="scss" scoped>
.cell {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.image {
  width:14vw;
  height: 14vw;
  background-color: #444;
  border-radius: 50%;
  margin: 4vw;
}

.title {
  color: #fff;
  font-size: 4vw;
  flex: 1;
}

.arrow {
  color: #fff;
  font-size: 5vw;
  margin-right: 4vw;
}
</style>